<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>平移</title>
	<style>
		#main{
			width: 100px;
			height: 100px;
			margin: 100px auto;
			border: 1px solid #666;
			overflow: hidden;
			/*background: red;*/
			/*transition:all 3s;参数一：执行过度的css属性,参数二：持续时间*/
			border-radius: 50%;

		}
		#main img{
			width: 100%;
			transition:all 2s ease 1s;
		}
		#main img:hover{
			/*transform: scale(3);缩放，参数：缩放的倍数*/
			transform: rotateY(720deg);
			-webkit-transform: rotateY(720deg);
			-ms-transform: rotateY(720deg);

		}
	</style>
</head>
<body>
	<div id="main">
		<img src="img/meinv.jpg">
	</div>
</body>
</html>